/* 焦点图 */
$(function(){
    // 鼠标移入大盒子，小箭头显示,清除定时器
    $("#box").mouseover(function(){
         $(".left,.right").css({display:"block"});
         clearInterval(timer);
    });
    // 鼠标移出大盒子，小箭头消失，重启定时器
    $("#box").mouseout(function(){
         $(".left,.right").css({display:"none"});
         timer = setInterval(run,3000);
    })

    //第一个控   自动轮播部分----------------------
    // 1.设置变量
    var num = 0;
    // 3.设置函数体
    function run(){
        // 变量自增
        num++;
        // 回流
        if(num==6){
            num = 0;
        }
        // 当前背景图淡入，其他的淡出
        $("#box .lunbo").eq(num).fadeIn(300).siblings(".lunbo").fadeOut(300);
        // 当前li背景变红，其他的变灰
        $("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#666"});
    }
    // 2.定时器
    timer = setInterval(run,3000);

    //第二个控   手动轮播-----------------------------
    $("#ul li").mouseover(function(){
        // 获得序号，赋值给num
        num  =  $(this).index();
        // 当前背景图淡入，其他的淡出
        $("#box .lunbo").eq(num).fadeIn(300).siblings(".lunbo").stop().fadeOut(300);
        // 当前li背景变红，其他的变灰
        $("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#666"});
    })

    // 第三个控  点击控制
    // 左点击
    var c = 0;
    $(".left").click(function(){
        // 如果c=0,可点。c不等于0,则不可点。
        if(c==0){
            c=1;
            // 定时炸弹,500毫秒之后c变回0。
            setTimeout(function(){
                c = 0;
            },500);
        }else{
            // 断掉
            return;
        }
        // num自减
         num--;
         // 回流
         if(num==-1){
             num = 5;
         }
         // 当前背景图淡入，其他的淡出
        $("#box .lunbo").eq(num).fadeIn(300).siblings(".lunbo").stop().fadeOut(300);
        // 当前li背景变红，其他的变灰
        $("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#666"});
    })
    // 右点击
    var c = 0;
    $(".right").click(function(){
         // 如果c=0,可点。c不等于0,则不可点。
        if(c==0){
            c=1;
            // 定时炸弹,500毫秒之后c变回0。
            setTimeout(function(){
                c = 0;
            },500);
        }else{
            // 断掉
            return;
        }
        // num自增
        num++;
        // 回流
        if(num==6){
            num = 0;
        }
         // 当前背景图淡入，其他的淡出
        $("#box .lunbo").eq(num).fadeIn(300).siblings(".lunbo").stop().fadeOut(300);
        // 当前li背景变红，其他的变灰
        $("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#666"});
    });
});